<template>
  <div className="app">
    <img :src="logo" className="logo" />
    <div class="btn-wrapper"></div>
    <button @click="qingk()">清空搜索历史</button>
  </div>
</template>

<script setup>
// import { useStore } from "vuex";
// import { onMounted } from "vue";
const logo = chrome.runtime.getURL("assets/icon/create-crx-app.png");
// const store = useStore();

const qingk = () => {
  // store.commit("clearhistorylist");
  // 主动刷新该页面状态
  // chrome.tabs.query({ active: true, currentWindow: true }, function (tabs) {
  //   const currentTab = tabs[0];
  //   chrome.tabs.reload(currentTab.id);
  // });
  window.close(); // 主动关闭浏览器popup弹窗
  //给系统发生信息通知
  chrome.notifications.create(
    {
      type: "basic", // 通知类型为 basic
      iconUrl: logo, // 通知图标路径
      title: "Reminder", // 通知标题
      message: "打开百度", // 通知消息内容
      priority: 2, // 设置优先级为 2（高）
    },
    function () {
      // 在这里，您可以在通知创建后执行其他操作（可选）
    }
  );
};
</script>

<style lang="less" scoped>
@import "../style/popup.less";
</style>
